<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="./wow/css/animate.css">
		<link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<script src="./bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

		<title>博客主页-完成第二版开发</title>
>>>>>>> v2
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		html,
		body {
			height: 100%;
			width: 100%;
			display: flex;
			align-items: center;
		}


		div {
			/* border: 1px #000000 solid; */
		}

		#header {
			position: fixed;
			top: 0px;
			background-color: #ADB5BD;
			z-index: 500;
			background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
		}


		#navDiv {
			background-color: #ADB5BD;
			border: 1px #000000 solid;
			padding: 8px;
		}

		#blogListDiv {
			height: 1000px;
			overflow: auto;
		}

		#blogList {
			height: 1500px;
		}

		a {
			text-decoration: none;
		}

		.blogDiv {
			border-color: rgba(05, 51, 60, 0.1);
			/* border: 1px #055160 solid; */
			border-width: 1px;
			border-style: solid;
			/* margin: 5px 0px 10px 0px; */
			margin-bottom: 5px;
			box-shadow: 0px 0px 3px #000;

		}

		#footer {
			position: fixed;
			bottom: 0px;
			background-color: #6C757D;
			z-index: 999;
		}
	</style>

	<body>

		<div id="header" class="container-fluid">
			<div id="userInfoDiv" class="row p-3">
				<div class="col-4">
					<img src="img/logo.png">
				</div>
				<div class="col-8">
					<div class="row">
						<div class="col-10">
							<span id="userNameSpan">
								 
							</span>
							<i class="bi bi-award-fill"></i>
						</div>
						<div class="col-1">
							<i class="bi bi-gear-fill"></i>
						</div>
					</div>
					<div class="row">
						<div class="col-12">
							这是我的个人资料。此处省略一千字 <span id="descptionSpan">
								<button onclick="logout()"> 退出</button>
							</span>
						</div>
					</div>


				</div>

			</div>
			<div id="navDiv" class="row">

				<div class="col-3 ps-1 pe-0">
					<a href="#xyqw1.html">校园趣闻</a>
				</div>
				<div class="col-3 ps-0 pe-0">
					<a href="#xyqw2.html">学习园地</a>
				</div>
				<div class="col-3 ps-0 pe-0">
					<a href="#xyqw3.html">二手交易</a>
				</div>
				<div class="col-3 ps-0 pe-1">
					<button type="button" class="btn   btn-warning" style="padding: 1px;">分类管理</button>
				</div>

			</div>
			<div id="blogListDiv">
				<div id="blogList">


					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/dHF5VnFnQnE3dUtDU1hJcHR2bFdSVkYremxsL2xBVUFwZklwSXpoM05JaDB6MXgwU0RlSkdBPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光 0


								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>

						</div>
					</div>
					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/RjJXNE1hUG1venNqU0lpMmtDOUlxMCs5WkpRZFhJMWxCbXVaZlFxcU45TmFpN0pPTVRuODRRPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光 1


								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>

						</div>
					</div>
					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/dHF5VnFnQnE3dUtDU1hJcHR2bFdSVkYremxsL2xBVUFwZklwSXpoM05JaDB6MXgwU0RlSkdBPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光 2


								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>

						</div>
					</div>
					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/dHF5VnFnQnE3dUtDU1hJcHR2bFdSVkYremxsL2xBVUFwZklwSXpoM05JaDB6MXgwU0RlSkdBPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光


								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>

						</div>
					</div>
					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/dHF5VnFnQnE3dUtDU1hJcHR2bFdSVkYremxsL2xBVUFwZklwSXpoM05JaDB6MXgwU0RlSkdBPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光


								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>

						</div>
					</div>
					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/dHF5VnFnQnE3dUtDU1hJcHR2bFdSVkYremxsL2xBVUFwZklwSXpoM05JaDB6MXgwU0RlSkdBPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光


								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>

						</div>
					</div>
					<div class="row blogDiv  p-3">
						<div class="col-4">
							<img src="https://imglf3.lf127.net/img/dHF5VnFnQnE3dUtDU1hJcHR2bFdSVkYremxsL2xBVUFwZklwSXpoM05JaDB6MXgwU0RlSkdBPT0.jpg?imageView&thumbnail=1000x0&type=jpg"
								width="100%">
						</div>
						<div class="col-8">
							<div class="row">
								<div class="col-12">
									森林之光
					
					
								</div>
							</div>
							<div class="row">
								<div class="col-12">
									傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情傍晚西双版纳的夏日风情
								</div>
							</div>
							<div class="row">
								<div class="col-5 offset-7">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="red"
										class="bi bi-heart" viewBox="0 0 16 16">
										<path
											d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
									</svg>232
								</div>
							</div>
					
						</div>
					</div>
				</div>
			</div>

		</div>
		<div id="footer" class="container">
			<div class="row">
				<div class="col-4">
				</div>
				<div class="col-4">
					<button type="button" class="form-control btn btn-info ps-0 pe-0">博客发布</button>
				</div>
				<div class="col-4">
				</div>
			</div>

		</div>
<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.js"></script>
		<script src="./wow/js/wow.min.js"></script>
		<script>
		    function logout(){
				localStorage.removeItem("loginname");
				location.reload();
			}

			var logined =  localStorage.getItem("loginname");
			 
			document.getElementById("userNameSpan").innerHTML =  logined ;

			
			
			 
			 
			
		
			 
			if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
				new WOW().init();
			};
		</script>

	</body>
</html>
